<template>
    <div>
      <!-- 收费标准模块 -->
      <div id="headA">
        <div id="head">
          <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: 'welcome' }">养老服务管理系统</el-breadcrumb-item>
            <el-breadcrumb-item><span style="color: #666666;">机构养老</span></el-breadcrumb-item>
            <el-breadcrumb-item><span style="color: #3C763D;">收费标准</span></el-breadcrumb-item>
          </el-breadcrumb>
        </div>
      </div>
      <div id="SFBXshang">
        <span style="display: block; font-size: 20px; font-weight: 700; padding-top: 10px; margin-left: 10px;">搜索条件</span>
        <div style="width: 100%; height: 4px; background-color: #E7EAEC; margin-top: 10px;"></div>
        <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin-top: -10px;">
          <el-form-item label="机构名称：" id="SFBXshangc">
            <el-select v-model="formInline.jigouid" placeholder="请选择" size="small">
              <el-option v-for="item in xiala" :key="item.noid" :label="item.jigouname" :value="item.noid"></el-option>
            </el-select>
          </el-form-item>
          <span style="margin-left: 30px; margin-top: 25px;">生效年份：</span>
          <el-date-picker v-model="formInline.min" type="year" size="small" placeholder="选择年" style=" width: 150px; margin-top: 25px;">
          </el-date-picker>&nbsp;--
          <el-date-picker v-model="formInline.max" type="year" size="small" placeholder="选择年" style=" width: 150px;">
          </el-date-picker>
          <el-form-item>
            <el-button size="small" type="primary" @click="onSubmit" id="SFBXshangb">搜索</el-button>
          </el-form-item>
        </el-form>
      </div>
      <div id="XZGLxia">
        <div style="margin-left: 28px; padding-top: 20px; padding-bottom: 15px;">
          <el-row>
            <el-button size="small" type="success" @click.native="onAdd" plain>新建</el-button>
            <el-button size="small" type="primary" @click.native="onCha()" plain>查看</el-button>
            <el-button size="small" type="warning" @click.native="onXiu()" plain>修改</el-button>
            <el-popconfirm icon="el-icon-info" icon-color="red" title="确定删除吗？" @confirm="dels">
              <el-button type="danger" slot="reference" size="small" style="margin: 10px;" plain>删除</el-button>
            </el-popconfirm>
          </el-row>
        </div>
        <div>
          <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark" height="240" style="width: 95%; margin: auto;" @selection-change="handleSelectionChange">
            <el-table-column type="selection" width="55"></el-table-column>
            <el-table-column type="index" width="90" label="序号" :index="indexAdd"></el-table-column>
            <el-table-column prop="jigouname" label="机构名称" width="150" show-overflow-tooltip></el-table-column>
            <el-table-column prop="sxyear" :formatter="leaveTime" label="生效年份" width="100" show-overflow-tooltip></el-table-column>
            <el-table-column prop="establishmentofTheSubject" label="特困人员供养机构类型" width="200" show-overflow-tooltip></el-table-column>
            <el-table-column prop="bzmoney" label="基本生活标准" width="180" show-overflow-tooltip></el-table-column>
            <el-table-column label="收费方式" width="100">
              <template slot-scope="scope">{{ scope.row.fangshi == 0 ? '全包收费' : '分项收费' }}</template>
            </el-table-column>
            <el-table-column label="收费周期" width="100">
              <template slot-scope="scope">
                {{ scope.row.zhouqi == 0 ? '月付' : '' }}
                {{ scope.row.zhouqi == 1 ? '年付' : '' }}
                {{ scope.row.zhouqi == 2 ? '其他' : '' }}
            </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div class="block" style="margin-top: 20px; margin-left: 30px;">
        <el-pagination
          @size-change="xianshi"
          @current-change="yema"
          :current-page="formInline.dqNum"
          :page-sizes="[10, 20, 50]"
          :page-size="formInline.xsNum"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
        </el-pagination>
      </div>
      <div>
        <!-- 新增修改信息模块 ------------------------------------------------------------>
        <el-dialog :title="isAdd?'新建':'修改'" :visible.sync="dialogFormVisible" :append-to-body="true" style="margin-top: -80px;">
          <el-form :model="form1" ref="form1" :rules="rules">
            <div id="SFBXshangd">
              <el-form-item id="SFBXshange" prop="jigouid" label="机构名称：" :label-width="formLabelWidth">
                <el-select v-model="form1.jigouid" placeholder="请选择" size="small">
                  <el-option v-for="item in xiala" :key="item.noid" :label="item.jigouname" :value="item.noid"></el-option>
                </el-select>
              </el-form-item>
            </div>
            <el-form-item label="生效年份：" id="SFBXshangf" prop="sxyear">
              <el-date-picker v-model="form1.sxyear" type="year" size="small" placeholder="选择年" style=" width: 150px;"></el-date-picker>
            </el-form-item>
            <div style="width: 98%; height: 3px; margin-top: 15px; background: #E7EAEC;"></div>
            <div style="margin-top: 15px; color: #4FAEE9;"><span>特困人员救助供养标准信息</span></div>
            <div style="width: 98%; height: 1px; margin-top: 15px; background: #E7EAEC;"></div>
            <table border="1px" style="border-collapse: collapse;">
              <tr>
                <td style=" width: 200px; height: 35px; text-align: center;">基本生活标准（元/月）：</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                    <input v-model="form1.bzmoney" style="padding-left: 15px; width: 393px; height: 33px; 
                      border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td rowspan="3" style=" width: 200px; height: 35px; text-align: center;">照料护理标准</td>
                <td style=" width: 160px; height: 35px; text-align: center;">一档（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                    <input v-model="form1.zla"  style="padding-left: 15px; width: 230px; height: 33px; 
                      border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">二档（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="form1.zlb"  style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">三档（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="form1.zlc"  style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td rowspan="4" style=" width: 200px; height: 35px; text-align: center;">分项支出（平均）</td>
                <td style=" width: 160px; height: 35px; text-align: center;">膳食费（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="form1.fxa"  style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">护理费（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="form1.fxb"  style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">水电费（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="form1.fxc"  style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">其他费用（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="form1.fxd"  style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
            </table>
            <div style="width: 98%; height: 3px; margin-top: 50px; background: #E7EAEC;"></div>
            <div style="margin-top: 15px; color: #4FAEE9;"><span>入住收费信息</span></div>
            <div style="width: 98%; height: 1px; margin-top: 15px; background: #E7EAEC;"></div>
            <el-form-item label="收费方式：" prop="fangshi" style=" margin-top: 10px; margin-left: 10px;">
              <el-select v-model="form1.fangshi" size="small" clearable placeholder="请选择" style="margin-top: 3px; margin-left: -5px;">
                <el-option label="全包收费" :value="0"></el-option>
                <el-option label="分项收费" :value="1"></el-option>
              </el-select>
            </el-form-item>
            <div style=" width: 280px; height: 40px; margin-top: -62px; margin-left: 295px;">
              <el-form-item label="收费周期：" prop="zhouqi" id="SFBXshangg">
                <el-select v-model="form1.zhouqi" size="small" placeholder="请选择" id="SFBXshangh">
                  <el-option label="月付" :value="0"></el-option>
                  <el-option label="年付" :value="1"></el-option>
                  <el-option label="其他" :value="2"></el-option>
                </el-select>
              </el-form-item>
            </div>
            <el-form-item label="是否采用会员制方式收费：" style="margin-left: 10px; margin-top: 10px;">
              <el-radio v-model="form1.pdhy" :label="0" border>是</el-radio>
              <el-radio v-model="form1.pdhy" :label="1" border style="margin-left: -15px;">否</el-radio>
            </el-form-item>
            <table border="1px" style="border-collapse: collapse;">
              <tr>
                <td rowspan="2" style=" width: 50px; height: 35px; text-align: center;">全包</td>
                <td style=" width: 150px; height: 35px; text-align: center;">最高（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="form1.qbg"  style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">最低（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="form1.qbd"  style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td rowspan="5" style=" width: 50px; height: 35px;  text-align: center;">分项</td>
                <td style=" width: 150px; height: 35px; text-align: center;">收费名称</td>
                <td style=" width: 205px; height: 35px; text-align: center;">最高（元/月）</td>
                <td style=" width: 205px; height: 35px; text-align: center;">最低（元/月）</td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">护理费</td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="form1.fxhlg"  style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="form1.fxhld"  style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">膳食费</td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="form1.fxssg"  style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="form1.fxssd"  style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">床位费</td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="form1.fxcwg"  style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="form1.fxcwd"  style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">押金</td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="form1.yjg"  style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="form1.yjd"  style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td rowspan="3" style=" width: 50px; height: 35px; text-align: center;">其他</td>
                <td style=" width: 150px; height: 35px; text-align: center;">水电费（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="form1.qtsdf"  style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">取暖费（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="form1.qtqnf"  style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">其他（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="form1.qtqt" style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
            </table>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="addShouFeiBiaoZhun('form1')" v-show="isAdd">确 定</el-button>
            <el-button type="primary" @click="editShouFeiBiaoZhun('form1')" v-show="!isAdd">保 存</el-button>
            <el-button @click="dialogFormVisible=false">取 消</el-button>
          </div>
        </el-dialog>
      </div>
      <div>
        <!-- 查询信息模块 ------------------------------------------------------------>
        <el-dialog :title="'查询'" :visible.sync="dialogFormVisiblc" :append-to-body="true" style="margin-top: -80px;">
          <el-form :model="formc" ref="formc">
            <div id="SFBXshangd">
              <el-form-item id="SFBXshange" label="机构名称：" :label-width="formLabelWidth">
                <el-select v-model="formc.jigouid" placeholder="请选择" size="small" disabled>
                  <el-option v-for="item in xiala" :key="item.noid" :label="item.jigouname" :value="item.noid"></el-option>
                </el-select>
              </el-form-item>
            </div>
            <el-form-item label="生效年份：" id="SFBXshangf">
              <el-date-picker v-model="formc.sxyear" type="year" disabled size="small" placeholder="选择年" style=" width: 150px;">
              </el-date-picker>
            </el-form-item>
            <div style="width: 98%; height: 3px; margin-top: 15px; background: #E7EAEC;"></div>
            <div style="margin-top: 15px; color: #4FAEE9;"><span>特困人员救助供养标准信息</span></div>
            <div style="width: 98%; height: 1px; margin-top: 15px; background: #E7EAEC;"></div>
            <table border="1px" style="border-collapse: collapse;">
              <tr>
                <td style=" width: 200px; height: 35px; text-align: center;">基本生活标准（元/月）：</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="formc.bzmoney" readonly style="padding-left: 15px; width: 393px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td rowspan="3" style=" width: 200px; height: 35px; text-align: center;">照料护理标准</td>
                <td style=" width: 160px; height: 35px; text-align: center;">一档（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="formc.zla" readonly style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">二档（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="formc.zlb" readonly style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">三档（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="formc.zlc" readonly style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td rowspan="4" style=" width: 200px; height: 35px; text-align: center;">分项支出（平均）</td>
                <td style=" width: 160px; height: 35px; text-align: center;">膳食费（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="formc.fxa" readonly style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">护理费（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="formc.fxb" readonly style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">水电费（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="formc.fxc" readonly style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 160px; height: 35px; text-align: center;">其他费用（元/月）</td>
                <td style=" width: 250px; height: 35px;">
                  <input v-model="formc.fxd" readonly style="padding-left: 15px; width: 230px; height: 33px; 
                  border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
            </table>
            <div style="width: 98%; height: 3px; margin-top: 50px; background: #E7EAEC;"></div>
            <div style="margin-top: 15px; color: #4FAEE9;"><span>入住收费信息</span></div>
            <div style="width: 98%; height: 1px; margin-top: 15px; background: #E7EAEC;"></div>
            <el-form-item label="收费方式：" style=" margin-top: 10px; margin-left: 10px;">
              <el-select v-model="formc.fangshi" disabled size="small" clearable placeholder="请选择" style="margin-top: 3px; margin-left: -5px;">
                <el-option label="全包收费" :value="0"></el-option>
                <el-option label="分项收费" :value="1"></el-option>
              </el-select>
            </el-form-item>
            <div style=" width: 280px; height: 40px; margin-top: -62px; margin-left: 295px;">
              <el-form-item label="收费周期：" id="SFBXshangg">
                <el-select v-model="formc.zhouqi" disabled size="small" placeholder="请选择" id="SFBXshangh">
                  <el-option label="月付" :value="0"></el-option>
                  <el-option label="年付" :value="1"></el-option>
                  <el-option label="其他" :value="2"></el-option>
                </el-select>
              </el-form-item>
            </div>
            <el-form-item label="是否采用会员制方式收费：" style="margin-left: 10px; margin-top: 10px;">
              <el-radio v-model="formc.pdhy" :label="0" border disabled>是</el-radio>
              <el-radio v-model="formc.pdhy" :label="1" border disabled style="margin-left: -15px;">否</el-radio>
            </el-form-item>
            <table border="1px" style="border-collapse: collapse;">
              <tr>
                <td rowspan="2" style=" width: 50px; height: 35px; text-align: center;">全包</td>
                <td style=" width: 150px; height: 35px; text-align: center;">最高（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="formc.qbg" readonly style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">最低（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="formc.qbd" readonly style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td rowspan="5" style=" width: 50px; height: 35px;  text-align: center;">分项</td>
                <td style=" width: 150px; height: 35px; text-align: center;">收费名称</td>
                <td style=" width: 205px; height: 35px; text-align: center;">最高（元/月）</td>
                <td style=" width: 205px; height: 35px; text-align: center;">最低（元/月）</td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">护理费</td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="formc.fxhlg" readonly style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="formc.fxhld" readonly style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">膳食费</td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="formc.fxssg" readonly style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="formc.fxssd" readonly style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">床位费</td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="formc.fxcwg" readonly style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="formc.fxcwd" readonly style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">押金</td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="formc.yjg" readonly style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
                <td style=" width: 205px; height: 35px;">
                  <input v-model="formc.yjd" readonly style="padding-left: 15px; width: 185px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td rowspan="3" style=" width: 50px; height: 35px; text-align: center;">其他</td>
                <td style=" width: 150px; height: 35px; text-align: center;">水电费（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="formc.qtsdf" readonly style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">取暖费（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="formc.qtqnf" readonly style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
              <tr>
                <td style=" width: 150px; height: 35px; text-align: center;">其他（元/月）</td>
                <td colspan="2" style=" width: 410px; height: 35px;">
                  <input v-model="formc.qtqt" readonly style="padding-left: 15px; width: 394px; 
                    height: 33px; border: 1px solid #FFF; outline: 1px solid #fff;"/>
                </td>
              </tr>
            </table>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <el-button @click="dialogFormVisiblc=false">取 消</el-button>
          </div>
        </el-dialog>
      </div>
    </div>
  </template>
  
  <script>
  import axios from 'axios';
  import moment from 'moment';
  export default {
    data() {
      return {
        formInline: {
          jigouid: '',
          min: '',
          max: '',
          dqNum: 1,
          xsNum: 10,
        },
        xiala: [{
          noid: '',
          jigouname: '',
          establishmentofTheSubject: '',
        }],
        tableData: [{
          noid: '',
          jigouid: '',
          jigouname: '',
          sxyear: '',
          establishmentofTheSubject: '',
          bzmoney: '',
          fangshi: '',
          zhouqi: '',
        }],
        form1: {
          jigouid: '',
          sxyear: '',
          bzmoney: '',
          fangshi: '',
          zhouqi: '',
          zla: '',
          zlb: '',
          zlc: '',
          fxa: '',
          fxb: '',
          fxc: '',
          fxd: '',
          pdhy: '',
          qbg: '',
          qbd: '',
          fxhlg: '',
          fxhld: '',
          fxssg: '',
          fxssd: '',
          fxcwg: '',
          fxcwd: '',
          yjg: '',
          yjd: '',
          qtsdf: '',
          qtqnf: '',
          qtqt: '',
        },
        formc: {
          jigouid: '',
          sxyear: '',
          bzmoney: '',
          fangshi: '',
          zhouqi: '',
          zla: '',
          zlb: '',
          zlc: '',
          fxa: '',
          fxb: '',
          fxc: '',
          fxd: '',
          pdhy: '',
          qbg: '',
          qbd: '',
          fxhlg: '',
          fxhld: '',
          fxssg: '',
          fxssd: '',
          fxcwg: '',
          fxcwd: '',
          yjg: '',
          yjd: '',
          qtsdf: '',
          qtqnf: '',
          qtqt: '',
        },
        rules: {
          jigouid: [
            { required: true, message: '请选择机构名称', trigger: 'change' }
          ],
          sxyear: [
            { required: true, message: '请选择年份', trigger: 'change' }
          ],
          bzmoney: [
            { required: true, message: '请输入基本生活标准', trigger: 'blur' }
          ],
          fangshi: [
            { required: true, message: '请选择收费方式', trigger: 'change' }
          ],
          zhouqi: [
            { required: true, message: '请选择收费周期', trigger: 'change' }
          ],
        },
        total: 0,
        isAdd: true,
        dialogFormVisible: false,
        formLabelWidth:'200px',
        formcLabelWidth: '100px',
        multipleSelection: [],
        multipleSelectionadd: [],
        dialogFormVisiblc: false,
      }
    },
    methods: {
      chaxun(){
        axios.post("/chain-api/shoufeibiaozhun/page", this.formInline).then(res=>{
          this.tableData = res.data.list;
          this.total = res.data.total;
        })
      },
      leaveTime(row, column, cellValue, index){//日期转换显示
        return moment(cellValue).format('YYYY');
      },
      onSubmit(){
        this.formInline.dqNum = 1;
        this.chaxun();
      },
      onAdd(){
        this.isAdd = true;
        this.dialogFormVisible = true;
        this.form1.jigouid = '';
        this.form1.sxyear = '';
        this.form1.bzmoney = '';
        this.form1.fangshi = '';
        this.form1.zhouqi = '';
        this.form1.zla = '';
        this.form1.zlb = '';
        this.form1.zlc = '';
        this.form1.fxa = '';
        this.form1.fxb = '';
        this.form1.fxc = '';
        this.form1.fxd = '';
        this.form1.pdhy = '';
        this.form1.qbg = '';
        this.form1.qbd = '';
        this.form1.fxhlg = '';
        this.form1.fxhld = '';
        this.form1.fxssg = '';
        this.form1.fxssd = '';
        this.form1.fxcwg = '';
        this.form1.fxcwd = '';
        this.form1.yjg = '';
        this.form1.yjd = '';
        this.form1.qtsdf = '';
        this.form1.qtqnf = '';
        this.form1.qtqt = '';
      },
      addShouFeiBiaoZhun(form1){
        this.$refs[form1].validate((valid) => {
          if (valid) {
            this.isAdd = false;
            this.dialogFormVisible = false;
            axios.post("/chain-api/shoufeibiaozhun/addsfbz", this.form1).then(res=>{
              if (res.data.code) {
                this.$message('增加成功');
              } else {
                this.$message('增加失败');
              }
              this.onSubmit();
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      handleSelectionChange(val) {
        this.multipleSelection = val;
      },
      onCha(){
        let ids = this.multipleSelection.map(value => value.noid)
        if (ids.length != 1) {
          this.$message.error("请选择一条数据！")
          this.onSubmit();
        } else {
          var aid = ids[0];
          this.dialogFormVisiblc= true;
          axios.get("/chain-api/shoufeibiaozhun/" + aid).then(res=>{
            this.formc = res.data.data;
            if (this.formc.fangshi == 0) {
              this.formc.fangshi = '全包收费'
            } else {
              this.formc.fangshi = '分项收费'
            }
            if (this.formc.zhouqi == 0) {
              this.formc.zhouqi = '月付'
            } else if (this.formc.zhouqi == 1) {
              this.formc.zhouqi = '年付'
            } else {
              this.formc.zhouqi = '其他'
            }
          });
        }
      },
      onXiu(){
        let ids = this.multipleSelection.map(value => value.noid)
        if (ids.length != 1) {
          this.$message.error("请选择一条数据！")
          this.onSubmit();
        } else {
          var aid = ids[0];
          this.isAdd = false;
          this.dialogFormVisible = true;
          axios.get("/chain-api/shoufeibiaozhun/" + aid).then(res=>{
            this.form1 = res.data.data;
          });
        }
      },
      editShouFeiBiaoZhun(form1){
        this.$refs[form1].validate((valid) => {
          if (valid) {
            this.dialogFormVisible=false;
            axios.post("/chain-api/shoufeibiaozhun/updatesfbz", this.form1).then(res=>{
              if (res.data.code) {
                this.$message('修改成功');
              } else {
                this.$message('修改失败');
              }
              this.onSubmit();
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      //删除12
      dels() {
        let ids = this.multipleSelection.map(value => value.noid)
        if (ids.length == "") {
          this.$message.error("请选择！")
          this.onSubmit();
        } else {
          axios.post("/chain-api/shoufeibiaozhun/dels", ids).then(res => {
            if (res.data.code) {
              this.$message.success("批量删除成功！")
              this.onSubmit()
            } else {
              this.$message.error("批量删除失败！")
              this.onSubmit()
            }
          })
        } 
      },
      xianshi(a){
        this.formInline.xsNum = a;
        this.chaxun();
      },  
      yema(a){
        this.formInline.dqNum = a;
        this.chaxun();
      },
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);
      },
      // type序号 - 页面切换递增
      indexAdd(index) {
        const dq = this.formInline.dqNum; // 当前页码
        const xs = this.formInline.xsNum; // 每页条数
        return index + 1 + (dq - 1) * xs;  // 下标 + 1 + (当前页码 - 1) * 当前页显示的条数
      },
    },
    mounted(){
      this.chaxun();
      axios.get("/chain-api/shoufeibiaozhun/xiala/").then((res) => {
        this.xiala = res.data.data;
      });
    }
  }
  </script>
  
  <style scope>
  #head{
    width: 1050px;
    height: 25px;
    padding-left: 20px;
    padding-top: 10px;
    margin-left: 20px;
    border: 8px groove skyblue;
    background-color: #DFF0D8;
  }
  #headA{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #SFBXshang{
    width: 1090px;
    height: 110px;
    margin-left: 20px;
    background-color: #FFFFFF;
  }
  #XZGLxia{
    width: 1090px;
    height: 350px;
    margin-top: 25px;
    margin-left: 20px;
    background-color: #FFFFFF;
  }
  #SFBXshanga{
    width: 150px;
    height: 30px;
  }
  #SFBXshangb{
    /* width: 75px;
    height: 38px; */
    font-size: 14px;
    background-color: #18A689;
    margin-top: 27px;
    margin-left: 18px;
  }
  #SFBXshangc{
    margin-top: 25px;
    margin-left: 25px;
  }
  #SFBXshangd{
    width: 350px;
    height: 40px;
    /* float: left; */
    /* display: inline-block; */
    margin-top: -25px;
    margin-left: -84px;
  }
  #SFBXshange{
    display: inline;
    width: 400px;
    height: 40px;
  }
  #SFBXshangf{
    width: 270px;
    height: 40px;
    margin-top: -40px;
    margin-left: 325px;
    /* background-color: aqua; */
  }
  #SFBXshangi{
    width: 200px;
    height: 32px;
    margin-top: 0px;
    margin-left: 0px;
    /* background-color: red; */
  }
  #SFBXshangg{
    width: 295px;
    height: 40px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #SFBXshangh{
    /* float: left; */
    width: 200px;
    height: 30px;
    margin-top: 0px;
    margin-left: -5px;
    padding-left: 10px;
    padding-right: 0px;
  }
  #SFBXshanghi{
    width: 300px;
    height: 90px;
    margin-top: -50px;
    margin-left: -85px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #SFBXshanghj{
    width: 225px;
    height: 40px;
    margin-top: -15px;
    margin-left: 60px;
    padding-left: 0px;
    padding-right: 0px;
    /* background-color: #18A689; */
  }
  #SFBXshanghk{
    width: 150px;
    height: 30px;
    margin-left: 9px;
    padding-left: 10px;
  }
</style>